@import "./variables.scss";
@import "./icon.css";

page {
  position: relative;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
    Microsoft YaHei, Arial, sans-serif;
  font-size: $uni-font-size-base;
  color: $uni-text-color;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

image {
  width: 100%;
  height: 100%;
}

image,
view,
text,
button,
input,
label,
radio,
radio-group,
checkbox,
checkbox-group,
switch,
form,
textarea,
swiper,
navigator {
  box-sizing: border-box;
}

input {
  width: 100%;
  padding-left: 20rpx;
  color: $uni-text-color;
  outline: none;
}

input:focus,
input:active,
input:blur,
textarea:focus,
textarea:active,
textarea:blur {
  outline: none !important;
}

radio {
  transform: scale(0.7);
}

textarea {
  background-color: inherit;
  color: $uni-text-color;
  padding-left: 20rpx;
  border-radius: 15rpx;
  padding-top: 10rpx;
  height: inherit;
  z-index: 200;
  position: relative;
}
.placeholder-class {
  font-size: $uni-font-size-base;
  color: #b2b2b2;
}

/* #ifdef MP */
button {
  line-height: normal;
  font-size: inherit;
  border: none;
}
/* #endif */
/* #ifndef MP */
uni-button {
  line-height: normal;
  font-size: inherit;
  border: none;
}
.uni-textarea-wrapper {
  background-color: inherit;
}
.uni-input-wrapper,
.uni-input-placeholder {
  height: 100% !important;
}
/* #endif */
::-webkit-scrollbar {
  width: 0;
  height: 0;
}
/* 自定义类 */
//字体图标
.iconfont {
  display: inline-block;
  color: #aaa;
  font-size: inherit;
  &.iconfont-bg {
    padding: 7rpx 6rpx 5rpx;
    border-radius: 25rpx;
    background: #ddd;
  }
}
//标识头文字
.border-title{
	 position: relative;
	  padding: 0 20rpx;
	 width: 100%;
	 &::after{
		 position: absolute;
		 content: "";
		 width: 8rpx;
		 height: 100%;
		 left: 0;
		 bottom: 0;
		 background-color: #3c9cff;
	 }
}
 
//文字行展示
.text-ellipsis {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.flex-text-ellipsis {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  width: 0;
}
.text-wrap-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-wrap-3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 3;
  word-break: break-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
// 粘性
.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  z-index: 99;
}
// 分享按钮
.share {
  display: inline-block;
  padding: 20rpx 30rpx;
  letter-spacing: 5rpx;
  border-radius: 36rpx;
  outline: none;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
}
// 左右横线
.line-dashed {
  position: relative;
  &::after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 50%;
    right: 120%;
    width: 40px;
    height: 1rpx;
    background: #ccc;
  }
  &::before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 120%;
    width: 40px;
    height: 1rpx;
    background: #ccc;
  }
}
//表单 占位盒子
.form-item-box{
	height: 48rpx;
	line-height: 48rpx;
	padding-left: 20rpx;
}
//弹出层的默认样式
.dialog{
	max-height: 1000rpx;
	padding: 40rpx 10rpx 20rpx;
	 background-color: #f5f5f5;
	 overflow-y: auto;
}